﻿.invoiceSection{
	width:1190px;	
	
	.invoiceInnerSection{
		padding:25px 15px;
		.invoiceTitle{
			height:25px;
			line-height:25px;
			font-weight:bold;
			font-size:16px;
			color:#333;
			margin-bottom:5px;
		}
		.invoiceSelectUl{
			width:120px;
			cursor: pointer;

			.invoiceSelectLi{
				height:35px;
				line-height:35px;
				padding-left:25px;
				color:#333;
				i.icon{
					width:25px;
					height:32px;
					display: inline-block;
					vertical-align: middle;
					cursor: pointer;
					background-image:url('/resources/img/detail-info.png');
				}
				.icon.icon-radio.checked{
					background-position:-8px -6px;
				}
				.icon.icon-radio{
					background-position:-48px -6px;
				}
				.invoiceSelect{
					display:none;
				}
			}
		}
		.invoiceContentUl{
			padding-left:54px;
			display:none;

			.invoiceContentLi{
				height:35px;
				line-height:35px;
				.invoiceContentLeft{
					float:left;
					width:60px;
				}
				.invoiceContentRight{
					margin-left:60px;					
					.invoiceContentDesc{
						color:#999;
					}
					.invoiceContentPos{
						select{
							width:70px;
							height:25px;
							border:1px solid #cbcbcb;
						}
						input{							
							width:248px;
							height:23px;
							margin-left:1px;
							border:1px solid #cbcbcb;
							text-indent:10px;

							&.active{
								border-color:#f00;
							}
						}											
						.invoiceContentPosError{
							display:inline-block;
							color:#e51c23;
							margin-left: 5px;
							
							i.icon{
								width:25px;
								height:32px;
								display: inline-block;
								vertical-align: middle;
								background-image:url('/resources/img/detail-info.png');
							}
							.icon.icon-error{
								background-position:-90px -5px;
							}
						}
					}
					.invoiceContentDetail{
						select{
							width:325px;
							height:25px;
							border:1px solid #cbcbcb;
						}
					}
				}
			}
		}
	}
}